<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>

<body>

<form class="layui-form" lay-filter="userForm" id="add_user_form" action="" style="padding:15px 10px;">
    <input type="hidden" name="cid">
<!--
    <input type="hidden" name="photo" id="photo" class="layui-input">
-->
    <div class="layui-form-item">
        <label class="layui-form-label">幼儿姓名</label>
        <div class="layui-input-block">
            <input type="text" name="cName" required  lay-verify="required" placeholder="请输入幼儿姓名" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">定班家长</label>
        <div class="layui-input-block">
            <input type="text" name="scheduled" required lay-verify="required" placeholder="请输入定班家长" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">联系电话</label>
        <div class="layui-input-block">
            <input type="text" name="cNumber" required lay-verify="required" placeholder="请输入联系电话" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">员工姓名</label>
        <div class="layui-input-block" >
            <select name="staffId" id="roles_add"> <!--xm-select="roles2" xm-select-direction="down"-->
                <option value="-1">请选择</option>
            </select>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">订费金额</label>
        <div class="layui-input-block">
            <input type="text" name="emoney" required lay-verify="required" placeholder="请输入金额" autocomplete="off" class="layui-input" value="100" readonly="readonly">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">交款日期</label>
        <div class="layui-input-block">
            <input type="text" name="pDate" class="layui-input" id="jkdate" placeholder="yyyy-MM-dd">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">定班日期</label>
        <div class="layui-input-block">
            <input type="text" name="scDate" class="layui-input" id="dbdate" placeholder="yyyy-MM-dd">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">入学日期</label>
        <div class="layui-input-block">
            <input type="text" name="eDate" class="layui-input" id="rxdate" placeholder="yyyy-MM-dd">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">是否缴费</label>
        <div class="layui-input-block">
            <input type="checkbox" name="dpay"  lay-skin="switch" lay-text="是|否" checked value="是">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">是否退费</label>
        <div class="layui-input-block">
            <input type="checkbox" name="iRefund" id="iRefund"  lay-skin="switch" lay-text="是|否"value="是">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">退费说明</label>
        <div class="layui-input-block">
            <input type="text" name="iRenfund" required lay-verify="required" placeholder="请输入退费说明" autocomplete="off" class="layui-input" >
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">备注</label>
        <div class="layui-input-block">
            <input type="text" name="remarks" required lay-verify="required" placeholder="请输入备注" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">所属园所</label>
        <div class="layui-input-block" id="g">
            <select name="glId" id="glIda">
                <option value="-1">请选择</option>
            </select>
        </div>
    </div>


    <script>
        $.get("http://localhost:9999/Graden/index",function(data){
            $.each(data.data,function(){
                var opt = $("<option></option>").appendTo("#glIda");
                opt.text(this.glName).val(this.glId);
            });
            layui.form.render()
        });
        $.get("http://localhost:9999/Recruit/list",function(data){
            $.each(data,function(){
                var opt = $("<option></option>").appendTo("#roles_add");
                opt.text(this.staffName).val(this.staffId);
            });
            layui.form.render();
        });

    </script>
    <script>
        layui.use('laydate', function(){
            var laydate = layui.laydate;
            laydate.render({
                elem: '#jkdate'
            });
            laydate.render({
                elem: '#dbdate'
            });
            laydate.render({
                elem: '#rxdate'
            });
        });
    </script>
</form>
</body>
</html>